@media screen and (min-width: 992px){/* lg */
	.position-lg-absolute{
		position: absolute;
	}
}
@media screen and (max-width: 1700px){
	#sixsteps {
		background: url(../images/DNA/fond-6etapes.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	.prodbox{
		display: table;
	}
}


@media screen and (max-width: 1440px){
	.bg-paralax1{
		background-size: cover;
	}
	#homeslider h1{
		font-size: 55px;
	} 
	#homeslider .exh2,
	#homeslider h4{
		font-size: 33px;
	}
}
@media screen and (max-width: 1300px){
	.iconleft img{
		display: none;
	}
}

@media screen and (max-width: 1200px){/* xl */
	.stretch-left {
		margin-left: initial;
		width: initial;
		flex: auto;
	}
	.iconleft img{
		display: block;
	}
	#montage-spacer-paralax img {
		transform: translate(60%,-40%);
		z-index: 999;
	}
	#img2{
	    left: -80px;
		position: relative;
	}
	.hidemobileimg{
		overflow: hidden;
	}
	.eco-friendly {
		background: url(../images/Advantages/fond.jpg) no-repeat top center, #3f3936;
		background-size: 80%, auto;
		color: #fff;
		padding-top: 56vw;
	}
	.eco-friendly .ecoright {
		padding: initial;
	}
	#icon1 {
		height: 80px;
	}
	.navigationbtns .btn{
		width: 100%;
	}
}

@media screen and (max-width: 1100px){
	.iconleft img{
		display: none;
	}
}
@media screen and (max-width: 1050px){
	#menu-main-menu > li, #menu-main-menu-french > li {
		text-align: left;
	}
}

@media screen and (max-width: 992px){/* lg */
	header #navbar-principale {
		height: auto;
	}
	#homeslider h1{
		text-align: center;
	} 
	#homeslider .exh2,
	#homeslider h4{
		text-align: center;
	}
	.bg-paralax1{
		overflow: hidden;
	}
	
	.text-homeslider{
		position: relative;
		top: 20px;
		left: 0;
		transform: none;
	}
	#homeslider img{
		display: none;
	}
	#openhours-info span {
		margin-left: 4%;
	}
	.iconleft img, .iconleftsmalltext img {
		position: relative;
		left: 0;
		top: -5px;
		margin: auto;
		display: block;
	}
	.iconleftsmalltext p {
		max-width: 100%;
	}
	.our-dna {
		background: none;
		background-size: initial;
		background-position: initial;
		padding: 80px 0 80px;
	}
	.iconleft img{
		display: block;
	}
	.smallerimg {
		max-width: initial;
	}
	.smalllist{
		margin: 30px 0 30px !important;
	}
	#montage-spacer-paralax {
		z-index: 0;
	}
	#montage-spacer-paralax img {
	    transform: translate(50%,-30%);
		filter: opacity(.5);
	}
	.mediumicons{
		margin: 20px 0;
	}
	header #menu-main-menu,
	header #menu-main-menu-french{
		justify-content: start;
	}
	header .navbar-dark{
		align-items: baseline;
		display: flex;
		flex-direction: column;
	}
	.boxbene{
		border: none !important;
	}
}

@media screen and (max-width: 768px){/* md */
	.eco-friendly {
		background-size: 100%, auto;
		padding-top: 69vw;
	}
	.footer_bottom .copyright{
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 37px;
		margin-bottom: 15px;
	}
	.footer_bottom .lithium{
		width: 100%;
		float: none;
		text-align: center;
	}
	h3{
		font-size: 2rem;
	}
}

@media screen and (max-width: 640px){
	h1 {
		font-size: 3rem;
	}
	.exh2{
		font-size: 1.8rem;
	}
	h3, h2{
		font-size: 2rem;
	}
	h4{
		font-size: 1.4rem;
	}
	.bg-chantier h2 {
		font-size: 36px;
		padding: 80px 0;
	}
	#homeslider .slick-arrow{
		display: none !important;
	}
}

@media screen and (max-width: 576px){/* sm */
	#headerLinks{
		flex-direction: column;
		align-items: center !important;
	}
	.tel{
		font-size: 24px;
	}
	header #menu-main-menu li,
	header #menu-main-menu-french li{
		padding: 0 15px;
	}
	footer .navbar-brand{
		margin: 0;
	}
	.custom-mt-130 {
		margin-top: 50px !important;
	}
	.eco-friendly .ecoright {
		padding: 0 15px;
	}
}

@media screen and (max-width: 480px){
	.page-template-template-DNA h1, .page-template-template-DNA h2 {
		font-size: 28px;
	}
	.navbar-brand {
		margin: auto;
	}
	.our-dna {
		padding: 50px 0 50px;
	}
	.btn>span {
		padding: 0px 5px;
	}
	.btn>span {
		font-size: 0.8rem;
	}
	h3{
		font-size: 1.8rem;
	}
	#montage-spacer-paralax{
		display: none;
	}
	.discoverourproj h2, .bg-foam h2{
		text-align: center;
	}
	.page-template-template-advantages h1 {
		font-size: 30px;
		margin-bottom: 0px;
	}
	.integraspecdiff h3 {
		font-size: 28px;
	}
	.eco-friendly h2 {
		font-size: 28px;
	}
	.eco-friendly .ecoright .list-unstyled li {
		font-size: 19px;
	}
	#sect-stabilizingeffect h3 {
		font-size: 27px;
		margin-bottom: 50px;
	}
	#sect-stabilizingeffect h3::after {
		bottom: -26px;
	}
	.textspan {
		font-size: 15px;
	}
	#sect-stabilizingeffect {
		padding-top: 40px;
	}
}

@media screen and (max-width: 380px){
	#contactus h1 {
		margin: 50px 0 50px;
	}
	#title1{
		font-size: 1.6rem;
	}
	.smbtnsmall::before{
		height: 48px;
		width: 48px;
		font-size: 18px;
	}
	.smbtnsmall>span{
		padding: 0px 20px;
	}
	.smbtnsmall {
		width: 100%;
	}
	.discoverourproj .d-flex.mobcolumn{
		flex-direction: column;
    	align-items: center;
	}
}